<!DOCTYPE html>
<html lang="zh-CN">
  <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>金天-Home</title>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link href="css/index.css" rel="stylesheet">
      <link href="css/main.css" rel="stylesheet">
      <link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
      <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
  </head>
  <body>
  <div class="main-wrapper">
      <header>
          <nav class="nav navbar-default navbar-fixed-top navbar-default-custom">
              <div class="nav-container">
                  <div class="navbar-header">
                      <img src="media/avatar.jpg" class="nav-header-icon">
                  </div>
                  <ul class="menu">
                      <li><a class="nav-a" href="index.html">个人产品</a></li>
                      <li><a class="nav-a" href="#">深度学习</a>
                          <ul class="submenu">
                              <li><a href="#">WGAN</a></li>
                              <li><a href="#">Detection</a></li>
                              <li><a href="#">Segmentation</a></li>
                              <li><a href="#">LSTM</a></li>
                              <li><a href="#">图片分类</a></li>
                              <li><a href="#">Caffe相关</a></li>
                              <li><a href="#">Mxnet相关</a></li>
                              <li><a href="#">Tensorflow相关</a></li>
                          </ul>
                      </li>
                      <li><a class="nav-a" href="#">通用AI</a></li>
                      <li><a class="nav-a" href="#">安卓</a>
                          <ul class="submenu">
                              <li><a href="#">安卓深度学习</a></li>
                              <li><a href="#">MaterialDesign</a></li>
                              <li><a href="#">Ara</a></li>
                              <li><a href="#">LuoliLuoli</a></li>
                          </ul>
                      </li>
                      <li><a class="nav-a" href="#">iOS</a></li>
                      <li><a class="nav-a" href="#">文艺</a></li>
                      <li><a class="nav-a" href="#">魔术</a></li>
                      <li class="nav-li"><a href="#">发现</a>
                          <ul class="submenu">
                              <li><a href="#">关于我</a></li>
                              <li><a href="#">金天的小铺</a></li>
                              <li><a href="find.html">美图</a></li>
                          </ul>
                      </li>
                  </ul>
              </div>
          </nav>

          <div id="banner">
              <div class="inner">
                  <h1>Future, right there</h1>
                  <p>DeepX building artificial intelligence for future. Intelligent people togother in the world build ai.</p>
                  <button>浏览我的作品</button>
                  <div class="more">
                      <i class="fa fa-chevron-down fa-2x" aria-hidden="true"></i>
                      <p>更多</p>
                  </div>
              </div>
          </div>
      </header>
      <div class="content">
          <section class="sec-1">
              <div class="wrapper">
                  <div>
                      <h2>可能是东半球最屌的个人博客</h2>
                      <div class="sub-heading">
                          <p>一个博客是一位大牛的灵魂，而这个博客，逼格外露，牛逼闪闪，极有可能是东半球最牛逼的博客没有之一</p>
                      </div>
                  </div>
                  <div class="icon-group">
                      <span class="icon"><i class="fa fa-google-plus fa-2x"></i></span>
                      <span class="icon">重量级</span>
                      <span class="icon">高壁垒</span>
                  </div>
              </div>
          </section>
          <!--secion2 开始-->
          <section class="sec-2">
              <div class="article-preview">
                  <div class="img-sec">
                      <img src="media/images/im5.jpg">
                  </div>
                  <div class="text-sec">
                      <h2>从日本回来以后</h2>
                      <div class="sub-heading">
                          <p>最美的年华遇到你</p>
                      </div>
                      <p>樱花依旧绽放，而我却再也回不到从前</p>
                  </div>
              </div>
              <div class="article-preview">
                  <div class="text-sec">
                      <h2>从日本回来以后</h2>
                      <div class="sub-heading">
                          <p>最美的年华遇到你</p>
                      </div>
                      <p>樱花依旧绽放，而我却再也回不到从前</p>
                  </div>
                  <div class="img-sec">
                      <img src="media/images/im11.jpg">
                  </div>
              </div>
          </section>
          <!--secion2 结束-->
          <section class="sec-3">
              <div class="head-wrapper">
                  <h2>来自意大利大草原的博主</h2>
                  <div class="sub-heading">
                      <p>真的有这么屌吗？让我们用事实来说话</p>
                  </div>
              </div>
              <div class="card-group clear-fix">
                  <div class="card">
                      <h2>设计美观</h2>
                      <p>采用德国进口CNC设计工艺，打造完美产品</p>
                  </div>
                  <div class="card">
                      <h2>内容丰富</h2>
                      <p>从古到今，从中到西，以全球化的眼光来看身边的世界,从古到今，
                          从中到西，以全球化的眼光来看身边的世界,从古到今，从中到西，
                          以全球化的眼光来看身边的世界</p>
                  </div>
                  <div class="card">
                      <h2>社交元素</h2>
                      <p>融入了社交元素，让我们走得更近</p>
                  </div>
                  <div class="card">
                      <h2>定制化</h2>
                      <p>基于人工智能的深度定制化服务</p>
                  </div>
              </div>
          </section>
          <section class="sec-4">

          </section>
      </div>

      <footer>
          <ul class="share-group">
              <li><i class="fa fa-google-plus fa-2x"></i></li>
              <li><i class="fa fa-github fa-2x"></i></li>
              <li><i class="fa fa-wechat fa-2x"></i></li>
              <li><i class="fa fa-weibo fa-2x"></i></li>
              <li><i class="fa fa-facebook-square fa-2x"></i></li>
          </ul>
          <div class="copyright">
              &copy 欧曼信息科技有限公司 2017
          </div>
      </footer>
  </div>
  </body>
</html>